<template>
  <div>
    <a-form-model-item
      v-for="attr in attrList"
      :label="attr.attrName"
      :labelCol="{span: 5}"
      :wrapperCol="{span: 15}"
      :prop="attr.attrId"
    >
      <a-checkbox-group :name="attr.attrId" v-for="value in attr.attrValues">{{ value.attrValue }}</a-checkbox-group>
    </a-form-model-item>
  </div>
</template>
<script>

export default {
  name: 'SkuForAttr',
  components: { },
  props: {

  },
  data () {
    return {
      attrList: [],
      attr: {
        attrId: undefined,
        attrName: undefined
      },
      sku: {
        skuName: undefined,
        spuId: undefined,
        spuCode: undefined,
        spuName: undefined,
        categoryId: undefined,
        categoryCode: undefined,
        categoryName: undefined,
        categoryFullName: undefined,
        skuStatus: undefined
      }
    }
  },
  watch: {},
  computed: {},
  methods: {
  },
  created () {
  },
  mounted () {
  }
}
</script>,
